import { cn } from '@/lib/utils';

type SliderArrowProps = {
  className?: string;
  onClick?: () => void;
};

export const SliderGalleryArrow: React.FC<SliderArrowProps> = ({ className, onClick }) => {
  return (
    <div
      className={cn(
        'absolute z-[1] flex size-14 w-9 items-center justify-center rounded-full bg-[rgba(0,0,0,0.3)] transition-all hover:bg-[rgba(0,0,0,0.5)] ',
        className
      )}
      onClick={onClick}
    />
  );
};
